/* CSS Document */
/*======================== top ======================== */
.nav{ width:1160px; margin:0 auto; height:142px;position:relative;}

.logo{ height:107px; width:300px; padding-top:35px; float:left;}

.soso{width:280px; height:30px;float:right;padding-top:40px; margin-bottom:10px; }
.soso a{ color:#0081cd; font-size:16px; font-weight:bold;background:url(../images/ding_dot.png) left no-repeat; height:30px;line-height:30px; padding-left:10px; margin-right:10px; float:left;}
.soso ul{ float:left;height:30px;}
/* µ¼º½ */
.nav .list{ width:749px; float:right; }
.nav .list li{float:left;}
.nav .list a{float:left;display:block;width:124px;height:63px; line-height:30px;text-align:center;font:18px/36px "΢ÈíÑźÚ";color:#4e5051;}
.nav .list a:hover{color:#fff;line-height:30px; text-decoration:none;}
.list a:hover,.list a.now{color:#fff;background:url(../images/nav_bj.png) center top no-repeat;line-height:30px;}

.box{position:absolute;left:-5px;top:142px;width:100%;background:#7ac5f2;overflow:hidden;height:0;filter:alpha(opacity=0);opacity:0;z-index:7;}
.cont{position:relative;padding:0px 0 0px 24px;color:#FFF; width:1160px; margin:0 auto; height:40px; line-height:40px; }
.cont a{ color:#FFF; font-size:17px; padding:0 10px; margin-right:10px;}



/*======================== banner ======================== */
.banner{ width:100%; position:relative;}

#banner {height: 729px;width: 100%;position:relative;}
#banner .swiper-slide {background-repeat: no-repeat;background-size: cover;background-position: center;}
#banner .swiper-pagination-bullet {width:14px;height:14px;background:#0783cc;border-radius:14px;cursor:pointer;}
#banner .swiper-pagination-bullets {bottom: 190px;}
#banner .swiper-button-prev {left: calc(33% - 580px);opacity:0.4;-moz-opacity:0.4;filter:alpha(opacity=40); -webkit-transition: .25s all;
    -moz-transition: .25s all;
    -ms-transition: .25s all;
    -o-transition: .25s all;
    transition: .25s all;}
#banner .swiper-button-next {right: calc(33% - 580px);opacity:0.4;-moz-opacity:0.4;filter:alpha(opacity=40); -webkit-transition: .25s all;
    -moz-transition: .25s all;
    -ms-transition: .25s all;
    -o-transition: .25s all;
    transition: .25s all;}
#banner .swiper-button-prev:hover , #banner .swiper-button-next:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}


.mian_cp{width:100%;height:760px;position:absolute; top:585px;background:url(../images/cp_bg.png) center bottom no-repeat;z-index:7;}
.mian_cp_news{width:1160px; height:335px; margin:0 auto;background:url(../images/cp_bg2.png) center bottom no-repeat;}
.m_c_N_L{ width:325px; height:264px; float:left; margin-top:40px; padding-left:50px;}
.L_title{ height:46px; line-height:46px;}
.L_title span{color:#41b1f3; font-weight:bold; font-size:26px; padding-left:105px; float:left;}
.L_title a{ font-size:12px; color:#929292; float:right;}
.M_box{ height:166px; margin-top:18px;  padding:10px 14px; background:#e1e1e1; text-align:center; }

.m_c_N_M{width:300px; height:264px; float:left; margin-top:40px; padding-left:70px;}
.M_title{ height:46px; line-height:46px;}
.M_title span{color:#0081cd; font-weight:bold; font-size:26px; padding-left:105px; float:left;}
.M_title a{ font-size:12px; color:#929292; float:right;}
.class_nr{ margin:5px 0 0 0; }
.class_nr ul li{  font-size:14px; height:40px; line-height:40px; display:block;  border-bottom:1px double #d5d5d5;}
.class_nr ul li span{ float:right; padding-right:5px; font-size:12px; color:#929191; display:block;}
.class_nr ul li a{ padding-left:10px; font-weight:normal; float:left;}
.class_nr ul .none{ border-bottom:none;}

.m_c_N_R{width:315px; height:264px; float:left; margin-top:40px; padding-left:70px;}
.R_title{ height:46px; line-height:46px;}
.R_title span{color:#0053a6; font-weight:bold; font-size:26px; padding-left:105px; float:left;}
.R_title a{ font-size:12px; color:#929292; float:right;}
.ZT_nr dl{ height:68px;border-bottom:1px double #d5d5d5;}
.ZT_nr .none{ border-bottom:none;}
.ZT_nr dt{ width:31px; margin-top:15px; height:37px; float:left; }
.ZT_nr dd{width:305px; height:40px; line-height:20px; margin:14px 0; float:right; }
.ZT_nr dd a{ font-size:14px;}

.mian_pro{width:1160px; margin:0 auto; height:420px;background:url(../images/cp_bg3.png) top repeat-x; padding-top:46px;}
.Pro_title{ height:51px;background:url(../images/pro_dot.png) top left no-repeat; }
.Pro_title span{color:#fff; font-weight:bold; font-size:26px; line-height:51px; padding-left:46px; float:left;}
.Pro_title a{ font-size:14px; color:#fff; float:right; background:url(../images/pro_more.png) top left no-repeat; height:43px; line-height:43px; width:43px; display:block; text-align:center;}
.Pro_nr{ width:386px; height:251px; float:left; text-align:center; margin-top:17px;}

.mian_case{width:100%; height:584px; position:absolute; top:1344px;}
.cases{width:1160px; margin:0 auto;}
.m_c_tit{ height:51px;background:url(../images/casedot.png) top left no-repeat; margin-top:45px; }
.m_c_tit b{color:#0081cd; font-weight:bold; font-size:26px; line-height:51px; padding-left:46px; float:left;}
.m_c_tit span{float:left;background:url(../images/line.png) center repeat-x; width:935px; height:52px; margin:0 10px; margin-left:15px;}
.m_c_tit a{ font-size:14px; color:#fff; float:right; background:url(../images/casemore.png) top left no-repeat; height:43px; line-height:43px; width:43px; display:block; text-align:center;}

.xqzs_qh{ width:1160px; margin:0 auto; margin-bottom:10px;}
.xqzs_qh_nr{ padding:30px 0; width:1160px;}

.xqzs_qh_R{float:right; width:393px; height:403px;  position:relative;}
.xqzs_qh_R span{height:40px; line-height:40px; font-size:14px;background:#4b4b4b; text-align:center;position:absolute;left:0;bottom:0;width:393px;	opacity: 0.8;filter:alpha(opacity=80);_moz-opacity:0.5;}
.xqzs_qh_R a{ color:#FFFFFF; line-height:26px;}
.xqzs_qh_R a:hover{ color:#FFFFFF;}
.xqzs_qh_R a:hover span{ background:#0081cd;}
.xqzs_qh_R img{width:393px;height:403px;}

.xqzs_qh_nr ul li a{ color:#FFFFFF; line-height:40px; font-size:14px; width:448px;}
.xqzs_qh_nr ul li a:hover{ color:#FFFFFF;}
.xqzs_qh_nr ul li a:hover span{ background:#0081cd;}

.xqzs_qh_nr ul{ float:left; width:767px;}
.xqzs_qh_nr ul li.tu1{ float:left; position:relative;width:448px; height:261px; margin-right:8px; margin-bottom:8px; display:inline;}
.xqzs_qh_nr ul li.tu1 span{	height:40px;background:#4b4b4b; width:448px; text-align:center;position:absolute;left:0;bottom:0;opacity: 0.8;filter:alpha(opacity=80);_moz-opacity:0.5;	}
.xqzs_qh_nr ul li.tu1 img{width:448px;height:261px;}

.xqzs_qh_nr ul li.tu2{ float:left; position:relative;width:303px; height:261px; margin-right:8px;margin-bottom:8px; display:inline;}
.xqzs_qh_nr ul li.tu2 span{	height:40px;background:#4b4b4b; width:303px; text-align:center;position:absolute;left:0;bottom:0;opacity: 0.8;filter:alpha(opacity=80);_moz-opacity:0.5;	}
.xqzs_qh_nr ul li.tu2 img{width:303px;height:261px;}

.xqzs_qh_nr ul li.tu3{ float:left; position:relative;width:300px; height:135px; margin-right:8px;margin-bottom:8px; display:inline;}
.xqzs_qh_nr ul li.tu3 span{	height:40px;background:#4b4b4b; width:300px; text-align:center;position:absolute;left:0;bottom:0;opacity: 0.8;filter:alpha(opacity=80);_moz-opacity:0.5;	}
.xqzs_qh_nr ul li.tu3 img{width:300px;height:135px;}

.xqzs_qh_nr ul li.tu4{ float:left; position:relative;width:221px; height:135px; margin-right:8px;margin-bottom:8px; display:inline;}
.xqzs_qh_nr ul li.tu4 span{	height:40px;background:#4b4b4b; width:221px; text-align:center;position:absolute;left:0;bottom:0;opacity: 0.8;filter:alpha(opacity=80);_moz-opacity:0.5;	}
.xqzs_qh_nr ul li.tu4 img{width:221px;height:135px;}

.xqzs_qh_nr ul li.tu5{ float:left; position:relative;width:221px; height:135px; margin-right:8px; margin-bottom:8px;display:inline;}
.xqzs_qh_nr ul li.tu5 span{	height:40px;background:#4b4b4b; width:221px; text-align:center;position:absolute;left:0;bottom:0;opacity: 0.8;filter:alpha(opacity=80);_moz-opacity:0.5;	}
.xqzs_qh_nr ul li.tu5 img{width:221px;height:135px;}



.footer{width:100%; margin:0 auto; background:url(../images/bg.jpg) repeat-x; color:#fff; height:330px; font-size:12px; position:absolute; top:1944px;}
.footer_M{width:1160px; margin:0 auto;background:url(../images/weixin.jpg) 1050px 145px no-repeat; height:280px; padding-top:20px;}
.footer p{ text-align:center}

.footer_T{ width:1160px;}
.footer_T dl{ width:180px; float:left;}
.footer_T dl dt a{ font-weight:bold;color:#fff;  font-size:16px;line-height:60px;}
.footer_T dl dd  a{color:#fff; font-size:14px; line-height:26px;}


.footer_bq{color:#fff; font-size:12px; line-height:50px; margin-top:16px; height:50px;}
.footer_bq a{color:#fff; font-size:12px; line-height:50px;}
.footer_bq ul{ float:left;}
.footer_bq span{ float:left; padding-left:20px; width:700px;}

.footer_bq dl{ float:right; padding-right:130px;}
.tcgg{padding-right:2%;}
.tcgg2{}

.pc{display: block; }
.mobile{display: none;}


@media (max-width: 1400px) {
	.pub-1201bg{background:url(../img/mo_bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;}
	.pub-1201{ padding-bottom:50px;}
	.pub-1201 ul li{ height:370px;}
}

@media (max-width: 1030px) {
    .pc {display: none;}
    .mobile {display: block;}
    body {min-width: 0;}
    .page-width {width:96vw; margin:0 auto}
    .header {position: fixed;top:0;width: 100%;left:0;z-index: 10;background-color: #0081cd;height: 50px;padding-top:0px; border-bottom:none;}
	.mfixedSubNav{background-color:rgba(0,112,204,0.65);}
    .header .logo-link{height: 60%;margin-top: 11px;margin: 10px 0 0 10px;}
	
	.arrowDown{bottom:10px;}
    .icon-zoom {
        position: absolute;
        top: 12px;right: 45px;
        width: 30px;height: 30px;
        background: url(../img/icon-zoom.png) no-repeat center;
        background-size: 20px;
        display: inline-block;
    }
    .open-menu {
        width: 25px;
        color: #fff;
        position: absolute;
        top: 19px;
        right: 10px;
        z-index: 5;
    }
    .open-menu .navicon-bar {
        width: 24px;
        height: 2px;
        background-color: #fdba04;
        display: block;
        margin: 0 0 4px 0;
        border-radius: 3px;
    }
    .mobile-nav {
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        background-color:rgb(0 129 205);
        border: 0;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 100%;
        right: 0;
        z-index: 20;
        width: 40%;
    }
    .mobile-nav.active {
        -webkit-transform: translate(-100%,0);
        -moz-transform: translate(-100%,0);
        -ms-transform: translate(-100%,0);
        -o-transform: translate(-100%,0);
        transform: translate(-100%,0);
    }
    .close-menu {
        position: absolute;
        z-index: 5;
        display: block;
        text-align: right;
        padding: 20px 20px 0 20px;
        padding-right: 20px;
        right:0;
        height: 50px;
    }
    .close-menu .navicon-bar {
        width: 25px;
        height: 3px;
        background-color: #fff;
        display: inline-block;
        margin: 0 0 4px 0;
    }
    .close-menu .navicon-bar:first-of-type {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        position: relative;
        left: 29px;
    }
    .close-menu .navicon-bar:last-of-type {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .mobile-nav_list a{
        display: block;
        color: #fff;
        padding: 0 15px;
        color: #fff;
        font-size:2rem;
        line-height: 3.4rem;
        position: relative;
        z-index: 2;
       
    }
	.mobile-nav_list .nav2{ margin-bottom:10px;}
    .mobile-nav_list .nav2 a{ font-size:1.6rem; color:#dddddd; padding-left:25px; line-height:2.4rem;}
    .mobile-nav_list {
        margin-top: 50px;
        overflow: auto;
        height: calc(100vh - 50px);
        padding-bottom: 30px;
    }
	.mobile-nav_list .on{ background:#fdba04;}
    #banner {height: 60vw; margin-top:50px;}
    #banner .swiper-pagination {bottom: 15px;}
    .main {margin-top: 50px;}

   
    .blog_Rtime {
        width: 78px;
        height: 52px;
    }
    .blog_list li a{border:0;}
	
	.part {padding: 10px 0;}
	.part:nth-child(odd) {background-color: #f6f6f6;}
    .part-title {font-size: 2.8rem; line-height:6rem; text-align:center; color:#333;}
    .sub-title { font-size: 1.4rem;    color: #999999;    text-transform: uppercase; margin-bottom:10px; text-align:center; line-height:1.5; letter-spacing:1px; text-transform: uppercase;}
	.jianjie{ background:#fff; color:#333; margin:0 48px; padding:10px; text-align:left; }

   .part-title_pro {font-size: 2.8rem; line-height:6rem; color: #fff;  text-align:center; padding-top:3rem;}
    .sub-title_pro { font-size: 1.4rem;    color: #fff;    text-transform: uppercase; margin-bottom:30px; line-height:1.5;    letter-spacing:1px;text-align:center; text-transform: uppercase;}
	
	.mbott40 { margin-bottom:40px}
	.M_box{width:92%; margin: 0 auto; height:auto; background:none;}
	
<!--news-->
#blog_sel{ margin: 20px 0;height:40px; line-height:40px; padding-bottom:28px; text-align:center;}
.blog_sel a{ color:#333; font-size:1.8rem; font-family:"΢ÈíÑźÚ"; width:auto; padding:0 5px 5px;margin: 0 20px;}
.blog_sel a.blog_on{ color:#e5af1d; border-bottom: 2px solid #e5af1d; text-decoration:none;}
#blog_sel {text-align: center;}
.law-news .news-list {
    overflow: hidden;
    line-height: 1.8;
}
.law-news .news-list .item {
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 10px;
}
.law-news .news-list .item:nth-child(even) {
    margin-right: 0;
}
.law-news .news-list .news-title {
    font-size: 1.6rem;
    margin-bottom: 5px;
}
.law-news .news-list .dot {
    width: 4px;
    height:4px;
    background-color:#a5a5a5;
    vertical-align: sub;
    margin: 12px 10px;
}
.law-news .news-list .news-summary {
    color:#666;margin-left: 20px;font-size: 1.4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    padding-left: 5px;
}
.law-news .news-list .time {color:#666;font-size: 1.4rem;}
.law-news .news-list .item {height: 55px;overflow: hidden; margin-bottom:20px;}
	.law-news .news-list .item {width: auto;margin-right: 10px;margin-bottom: 0;float: none;}
    .law-news .swiper-container-horizontal {padding-bottom: 40px;}
    .law-news .news-list .txt {display: block;
    overflow: hidden;
   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    flex: 1;max-width: none; color:#333;}
    .law-news .news-list .news-title {display: flex;}
    .law-news .news-list .time {width: 100px;vertical-align: bottom;}
    .law-news .news-list .news-summary {margin-right: 10px;}
    .law-news .swiper-pagination-bullet-active {background-color: #e5af1d;}
    .law-contact {height: 37.5rem;padding: 40px 0;background-size:auto 100% ;background:url(../images/ny_nr_bg.png) center 574px repeat-y;}
<!--	News end-->
 .pub-1201 {margin: 0 auto;
        margin-top: 4%;
        padding-bottom: 30px;
    }

.pub-1201 ul {
    overflow: hidden;
}
.pub-1201 ul li {
    transition: all 0.2s;
    position: relative;
    width: 24.4%;
    margin-right:0.6%;
    font-family: "΢ÈíÑźÚ";
    overflow:hidden;
    height: 480px;
    color: #fff;
}
.pub-1201 ul li a{ color:#FFF;}
.pub-1201 ul li .box-5 {
    transition: all 0.2s;
    height:3.8rem;
}
.pub-1201 ul li .box-6 {
    transition: all 0.2s;
    background: rgba(0, 129, 205, 0.3)!important;
    height: 480px;
}
.pub-1201 ul li .box-5 div {
    transition: all 0.2s;
    position: relative;
    z-index: 2;
    text-align: center;
}
.pub-1201 ul li .box-5 h2 {
    transition: all 0.2s;
    position: relative;
    z-index: 2;
    text-align: center;

    font-weight: normal;
}
.pub-1201 ul li .box-5 p {
    transition: all 0.5s;
    cursor:pointer;
    position: absolute;
    z-index: 1;
    top: 0px;
    padding: 215px 5%;
    width:91%;
    text-align:center;
    height:100%;
    font-size: 14px;
    line-height: 24px;
}
.pub-1201 ul li .box-5 div.bg {
    transition: all 0.5s;
    cursor:pointer;
    position: absolute;
    z-index: 1;
    top: 480px;
    padding: 215px 5%;
    width:91%;
    text-align:center;
    height:100%;
    font-size: 14px;
    line-height: 24px;
}
.pub-1201 ul li:hover .box-5 div.bg {
    transition: all 0.2s;
    z-index:99999;
    cursor:pointer;
    position: absolute;
    top: 30px;
    padding: 215px 5%;
    width:91%;
    text-align:center;
    height:100%;
    font-size: 14px;
    line-height: 24px;
}

.pub-1201 ul li:hover{cursor:pointer;}
.pub-1201 ul li:hover .box-5 p {
    transition: all 0.2s;
    cursor:pointer;
    position: absolute;
    z-index: 1;
    top: 0px;
    padding: 215px 5%;
    width:91%;
    text-align:center;
    height:100%;
    font-size: 14px;
    background: rgba(255, 0, 0, 0.9);
    line-height: 24px;
}
.pub-1201 ul li:hover .box-5 {
    background: none;
}
.pub-1201 ul li:hover .box-5 div {
    padding-top: 20%;
}
.pub-1201 ul li:hover .box-5 h2 {
    margin-top: -10px;
}
.pub-1201 ul li:hover .box-5 p {
    top: 0px;
}
.pub-1201 ul li:nth-of-type(1) { float:left;
    background: url("../img/pro_01.png") center no-repeat;
    background-size:90% auto; 
}
.pub-1201 ul li:nth-of-type(2) { float:right;
    background: url("../img/pro_02.png") center no-repeat;
    background-size:90% auto;
}
.pub-1201 ul li:nth-of-type(3) {float:left;
    background: url("../img/pro_03.png") center no-repeat;
    background-size:90% auto;
}

    .pub-1201 ul li {
        width: 27%;margin: 0 3%;
        height: 21rem;
        margin-bottom: 0.6%;
    }
    .pub-1201 ul li .box-5 div {
        padding-top: 21rem;
       
    }
    .pub-1201 ul li .box-5 h2 {font-size: 6rem; line-height:16rem;}
    .pub-1201 ul li .box-5 div img { height: 29.5rem;    }
    .isotope .item {width: 100%;}
    .isotope .item .cont {border: none;margin-bottom: 10px;}
    .reason-con {height: 500px;}
    .reason-item {height: 452px !important;}
    .blog_sel a{ margin:0 5px;}
	#blog_sel{ padding-bottom:0px;}
   
    .link-formore {border:1px solid #fdba04;width: 10em;line-height: 40px;height: 40px;margin-top: 10px;background-color: #fdba04;color:#fff;font-size: 1.6rem; text-align:center; display:block; margin: 40px auto 20px;}
   
   .footerbox{ width: 100%;
    background-color: #0081cd;
    color:#fff;
    font-size: 1.4rem;
    }
	.footerbox a {
    color:#fff; 
    -webkit-transition: .25s all;
    -moz-transition: .25s all;
    -ms-transition: .25s all;
    -o-transition: .25s all;
    transition: .25s all;
}

    .footer-nav{border-bottom: 1px solid #0f8dd7;line-height: 45px;text-align: center;}
    .footer-nav{line-height: 2;padding: 10px 0;}
    .copyright {line-height: 2.2; text-align:center;padding: 10px 0;}
   
    .reason-item__header img {
        height: 35%;
        margin-bottom: 5px;
        margin-top: 25px;
    }
    .reson-item__info {
        padding: 30px 10px;
        margin: 0;
        line-height: 2.6;
        height: 230px;
        overflow: hidden;
    }
    .reason-item.active .reason-item__link, .reason-item.swiper-slide-active .reason-item__link {
        color: #ff0000;
    }
    .swiper-container.reason-swiper {
        padding: 0;
        width: 100vw;
        margin-left: -3vw;
        margin-top: 10px;
    }
    .reason-item__header {height: 110px;padding: 0;font-size: 1.8rem;}
    .follow-qr {margin-top: 10px; color:#333; font-size:2rem;}
    .law-news-siwper .swiper-slide {margin-top: 30px;}
    .reason-item:nth-child(2), .reason-item:nth-child(1), .reason-item:nth-child(3) {
        left: 0;
    }
	.input-wrap .hot-line .tel{ width:34px}
	
	.header-drop-box {position: fixed;width: 100%;top: 50px;z-index: 5;    }
    .header-drop-box.open-search .nav_search-box{display: block;z-index: 5;  }
    .header-drop-box.open-nav .top-nav{display: block;}
    .nav_search-box {
        position: relative;
        z-index: 5;
        width: 100%;
        top:0;left:0;
        border: none;
        overflow: hidden;
        display: none;
        background-color: #0081cd;
        text-align: center;
    }
	.mfixedSubso{ background-color:rgba(0,112,204,0.65);}
    .nav_search-box input {
        width: calc(100% - 85px);
        height: 45px;
        border: none;
        border-radius: 0;
        margin: 20px 10px;
        padding: 0 16px;
        font-size: 1.4rem;
    }
    .nav_search-box .btn-search {
        position: absolute;
        right:20px;
        top:13px;
        width: 20px;height: 20px;
        background: #fff url(../img/icon-zoom-2.png) no-repeat center;
        background-size: 15px;
        border: none;
        opacity: .5;
    }
	

	.server-list .item {
        width: 50%; float:left; height:15rem; display:inline;
        text-align: center;
        padding: 0; margin-bottom:1rem;
    }
    .server-list .item img {width: 90%; height:12.5rem;display: block;float: none;position: relative;z-index: 1;margin: 0 auto;vertical-align: middle;}
    .server-list .item p {width: 90%;display: block;background:#4b4b4b;opacity: 0.8;filter:alpha(opacity=80);_moz-opacity:0.5;color:#fff;line-height:2.2;margin: -2.9rem auto 0;position: relative;z-index: 2;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        font-size: 1.4rem; overflow: hidden;
   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; 
    }
    .server-list .item a {display: block;}

	.tcgg img,.tcgg2 img{ width:48%;}
	
}
@media (max-width: 1024px) {
	 .pub-1201 ul li {
        width: 27%;margin: 0 3%;
        height: 26rem;
        margin-bottom: 0.6%;
    }
	.pub-1201 ul li .box-5 div{ padding-top:5rem;}
	.pub-1201 ul li .box-5 div img{height: 9.5rem;}
	.pub-1201 ul li .box-5 h2{font-size: 3rem; line-height:7rem;}
	.server-list .item img{ height:23rem;}
	.server-list .item{ height:24rem;}
	
	
	}
@media (max-width: 768px) {
	
	.pub-1201 ul li {height: 17rem;width:24%; margin:0 4%;}
	.pub-1201 ul li .box-5 div {padding-top:4rem; }
	.pub-1201 ul li .box-5 div img {height: 5.5rem;}
	.pub-1201 ul li .box-5 h2 {font-size: 1.8rem; line-height:4rem;}
	
	}
@media (max-width: 560px) {
.reson-item__info {
        line-height: 1.6;
    }
	.pub-1201 ul li {height: 17rem;width:45%; margin:0 10%;}
	.pub-1201 ul li .box-5 div img {height: 5.5rem;}
	.server-list .item{height:15rem;}
	.server-list .item img{ height:13rem;}


}